var wrap = $('.itemList')[0]
var nowleft = -200 //用于存放当前列表的left的值
var currIndex = 1 //用于存放当前是第几个图片
//定位到几个按钮
// var btnNum = document.getElementsByClassName('btnNum'); //小圆圈
var right = $('.right') //向右滑的按钮
var left = $('.left') //向左滑的按钮
console.log(right)
function next() {
  setInterval(function () {
    //设置每两秒切换一次图片
    nowleft = parseInt(wrap.style.left) - 450 //切换一次后nowleft应该减少（即向左滑）一个图片的宽度
    wrap.style.transition = 'left 1s' //设定有过渡滑动的效果
    wrap.style.left = nowleft + 'px' //然后将nowleft赋值给wrap的left属性
    if (parseInt(wrap.style.left) == -2900) {
      //判断到最后一个后，偷偷变回到最开头的位置
      //   setTimeout(() => {
      wrap.style.transition = 'none' //因为是偷偷变回去，所以要取消过渡效果
      nowleft = -200
      wrap.style.left = nowleft + 'px'
      //   }, 1200); //保证定时器的时间大于过度的时间且小于每次轮换的时间
    }
  }, 2000)
}
right.on('click', function () {
  //   if (nowleft >= -2000) {
  //     //判断是否到最后一个图了，没有的话就开始滑动
  nowleft -= 450
  wrap.style.transition = 'left 1s'
  wrap.style.left = nowleft + 'px'
  //   }
  if (nowleft == -2900) {
    //如果到最后一个图了，就偷偷换回第一张图
    // setTimeout(() => {
    wrap.style.transition = 'none'
    nowleft = -200
    wrap.style.left = nowleft + 'px'
    // }, 1020);
  }
})
left.on('click', function () {
  if (nowleft < 0) {
    //判断是否到第一张图了，没有的话就开始滑动
    nowleft += 450
    wrap.style.transition = 'left 1s'
    wrap.style.left = nowleft + 'px'
  }
  if (nowleft == 0) {
    console.log(5555)
    //如果到第一张图了，继续点击就切换到最后一张图
    // setTimeout(() => {
    wrap.style.transition = 'none'
    nowleft -= 2000
    wrap.style.left = nowleft + 'px'
    // }, 1020);
  }
})
